body{
    margin: 0;
}
ul{
    margin: 0;
}
*{
    box-sizing: border-box;
    outline: none;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.primary{
    color: #1a73e8;
}
.black{
    color: #000;
}
.white{
    color: #fff;
}
.gray1{
    background-color:#fafafa;
}
.gray2{
    background-color:rgba(26,26,26,0.5);
}
// .gray1{
//     color:#fafafa;
// }
html{
    font-size: 14px;
}
.d-flex{
    display: flex;
}
.flex-grow-1{
    flex-flow: 1;
}
.flex-1{
    flex:1;
}
// $color: (
//     'primary': #1a73e8,
//     'black': #000,
//     'white': #fff,
//     'black': #000,
//     'gray1': #fafafa,
//     'gray2': rgba(26,26,26,0.5)
// )
    
// @each $key,$value in $color {
//     .text #{$key}{
//         color: $value;
//     }
// }
.nav-active{
    color: #1a73e8 !important;
    font-weight: 700 !important;
}